<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>adidas</title>
</head>
<link rel="stylesheet" href="css/sunying/登录.css">

<body>
<!--头部导航-->
<div class="header-fixed">
    <div class="top-nav">
 <div class="header-top">
<ul>
    <li><a href="#">订单追踪</a><i class="icon-new icon-order-tracking"></i></li>
    <li><a href="#">帮助中心</a> <i class="icon-new icon-help-center"></i></li>
    <li class="service"><a href="#">在线客服</a> <i class="icon-new icon-service"></i></li>
    <li class="login-box"><a href="#">登录</a> <i class="icon-new icon-login"></i></li>
</ul>
</div>
<!--导航-->
<div class="header-container">
    <div class="header-left">
<h1 class="navbar-header">
    <a href="#">
        <img src="./images/孙莹/logo-new.png" alt="">
    </a>
</h1>
  <div class="nav-menu">
<ul class="nav-pills">
    <li class="Extention"><a href="#">男子</a></li>
    <li class="Extention"><a href="#">女子</a></li>
    <li class="Extention"><a href="#">儿童</a></li>
    <li class="nav-menu-delimiter"><span></span></li>
    <li class="Extention"><a href="#">运动</a></li>
    <li class="Extention"><a href="#">品牌</a></li>
    <li class="Extention"><a href="#">精选系列</a></li>
</ul>
    </div>
    </div>
    <div class="header-right">
    <div class="form-search">
        <form action="" id="keysearch" method="get">
            <input type="text" id="keyword" placeholder="ozwoog">
            <input type="hidden" id="keywords" name="keyword">
            <a href="#"><i class="icon icon-search"></i></a>
        </form>
    </div>
        <div class="header-cart">
            <a href="#"><i class="icon-new icon-cart"></i></a>
        </div>
    </div>
</div>
</div>
</div>

<!--登录注册-->
<div class="container">
    <div class="wrapper">
<div class="login-tit">
    <ul class="list-inline">
     <li><a href="#"><i class="icon icon-login-left"></i>返回</a></li>
      <li class="divider">|</li>
      <li><a href="#">登录|注册</a></li>
        <li class="divider">&nbsp/&nbsp</li>
        <li><a href="#">登录</a></li>
    </ul>
</div>
<div class="login-content">
<!-- 左侧-->
<div class="login-left">
<div class="login-box">
    <a href="#" class="e-login-detail-mobile ">
     <h4 class="float-clearfix  login-detial-border">短信快捷登录/注册</h4>
    </a>
    <a href="#"class="e-login-detail-account">
        <h4 class="float-clearfix">账号密码登录</h4>
    </a>
</div>
    <div class=""></div>

</div>



<!--右侧-->
 <div class="login-right">
<div class="login-box">
  <h4 class="fontw-b">ADICLUB会员相关权益</h4>
<div class="login-detail">
<p class="login-detail-tit">成为adiCLUB会员并完善个人信息，即可享受更多权益</p>
  <div class="regist-inner">
<div><i class="icon icon-conform"></i><span>安全快捷支付订单</span></div>
<div><i class="icon icon-conform"></i><span>随时跟踪订单状态</span></div>
<div><i class="icon icon-conform"></i><span>即时收到打折优惠及新品发布信息</span></div>
<div><i class="icon icon-conform"></i><span>全场免普通达运费和七天无理由退货服务</span></div>
<div><i class="icon icon-conform"></i><span>消费即可获得积分，铜牌以上会员即可积分兑换优惠券</span></div>
  </div>
</div>
</div>
    </div>
  </div>
 </div>
</div>


<!--尾注-->
<footer class="footer">
<div class="footer-top">
 <div class="footer-top-container">
<ul class="none-sm">
    <li class="contacted">联系我们</li>
    <li style="margin-right:80px"><p><a href="#"><i class="icon icon-contact-us-service"></i>在线客服</a></p>
    <p class="remarks">(仅支持中文)</p>
    </li>
    <li><p><i class="icon icon-contact-us-tel"></i><span>400-999-5999</span></p>
     <p class="remarks">(仅支持中文)</p>
    </li>
    <li><p><i class="icon icon-contact-us-email"></i><span>service@adidas.com</span></p>
        <p class="remarks">(建议及投诉受理邮箱)</p>
    </li>
    <li><p><i class="icon icon-contact-us-time"></i><span>9:00-22:00</span></p>
    </li>
    <li class="order-tracking"><a href="#"><i class="icon-new icon-order"></i>订单追踪</a></li>
</ul>
 </div>
</div>

<div class="footer-cont">
    <div class="footer-cont-top">
<ul class="footer-list">
    <li class="footer-item title">产品</li>
    <li class="footer-item"><a href="#">鞋类</a></li>
    <li class="footer-item"><a href="#">服饰</a></li>
    <li class="footer-item"><a href="#">配件</a></li>
    <li class="footer-item"><a href="#">最新上市</a></li>
    <li class="footer-item"><a href="#">新品发售日历</a></li>
    <li class="footer-item"><a href="#">限量发售</a></li>
</ul>
 <ul class="footer-list">
  <li class="footer-item title">运动</li>
   <li class="footer-item"><a href="#">跑步</a></li>
  <li class="footer-item"><a href="#">训练</a></li>
  <li class="footer-item"><a href="#">足球</a></li>
  <li class="footer-item"><a href="#">篮球</a></li>
   <li class="footer-item"><a href="#">户外</a></li>
     </ul>
    <ul class="footer-list">
    <li class="footer-item title">帮助中心</li>
    <li class="footer-item"><a href="#">关于员工</a></li>
     <li class="footer-item"><a href="#">尺码表</a></li>
    <li class="footer-item"><a href="#">aidCLUB会员</a></li>
     <li class="footer-item"><a href="#">门店查询</a></li>
     <li class="footer-item"><a href="#">关于我们</a></li>
       <li class="footer-item"><a href="#">企业社会责任</a></li>
     </ul>
        <ul class="footer-list">
            <li class="footer-item title">网站政策</li>
            <li class="footer-item"><a href="#">使用条款</a></li>
            <li class="footer-item"><a href="#">隐私声明</a></li>
            <li class="footer-item"><a href="#">物流配送规则</a></li>
            <li class="footer-item"><a href="#">退换货规则</a></li>
            <li class="footer-item"><a href="#">aidCLUB会员规则</a></li>
            <li class="footer-item"><a href="#">下单指南</a></li>
            <li class="footer-item"><a href="#">印制服务条款</a></li>
        </ul>
    </div>
</div>



</footer>
<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/sy/登录.js"></script>
</body>
</html>